$(function () {
  // 点击去注册切换为注册页面
  $('#to-register').on('click', function () {
    $('.layui-form-login').hide()
    $('.layui-form-register').show()
  })
  $('#to-login').on('click', function () {
    // $('.layui-form-register').hide()
    // $('.layui-form-login').show()
    $('.layui-form-register').hide().siblings('.layui-form-login').show()
  })

  // 添加登录表单提交事件
  $('.layui-form-login').on('submit', function (e) {
    // 阻止表单默认行为
    e.preventDefault();
    // console.log(66666)
    // 1. 获取表单
    // var data1 = form.val("formLogin")
    // console.log(data1, 121)
    // 2. 发送ajax调取登录接口
    $.ajax({
      url: '/api/login',
      method: 'post',
      data: form.val("formLogin"),
      success: function (data) {
        // console.log(data)
        layer.msg(data.message)
        if (data.status !== 0) return
        // 将登录成功后令牌存储到本地中
        localStorage.setItem('token', data.token)
        // 跳转到后天的首页
        // location.href = 'index.html'
        setTimeout(function() {
          location.href = 'index.html'
        }, 1000)
      }
    })

  })
  // 添加注册表单提交事件
  $('.layui-form-register').on('submit', function (e) {
    // 阻止表单默认行为
    e.preventDefault();
    // console.log(77777)
    // 1. 获取登录的用户名和密码
    // 2. 发送ajax请求完成注册
    // console.log($(this).serialize())
    $.ajax({
      url: '/api/reguser',
      method: 'post',
      data: $(this).serialize(), // username=zs&password=14265
      success: function (data) {
        // console.log(data, 123)
        layer.msg(data.message)
        if (data.status !== 0) return
        // 切换到登录页
        // 模拟这个按钮被点击
        layer.msg(data.message)
        $('#to-login').click()
      }
    })
  })
})

// 自定义表单校验
var form = layui.form,
layer = layui.layer;
form.verify({
  pass: [
    /^[\S]{3,12}$/
    ,'密码必须3到12位，且不能出现空格'
  ],
  repwd: function (value) { // value：表单的值
    // console.log(value)
    if ($('.layui-form-register input[name="password"]').val() !== value) {
      return '2次密码不一致'
    }
  }
})
